<!DOCTYPE html>
<html>
<head>
    <title>工装台账</title>
    #parse("sys/header.html")
    <style>
        .ui-jqgrid {
            width: 84%;
            float: right;
        }
        .input-ui {
            width: 100%;
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <Row :gutter="16" style="margin: 8px 0px 0px 1px">
            <div class="search-group">
                <i-col span="1" style="padding-top: 2px">
                    <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;图号</h4>
                </i-col>
                <i-col span="3">
                    <i-input class="input-ui" v-model="q.mapNo" @on-enter="query" placeholder="图号"></i-input>
                </i-col>
                <i-col span="1" style="padding-top: 2px">
                    <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名称</h4>
                </i-col>
                <i-col span="3">
                    <i-input class="input-ui" v-model="q.name" @on-enter="query" placeholder="名称"></i-input>
                </i-col>
                <i-col span="1" style="padding-top: 2px">
                    <h4>规格型号</h4>
                </i-col>
                <i-col span="3">
                    <i-input class="input-ui" v-model="q.spec" @on-enter="query" placeholder="规格型号"></i-input>
                </i-col>
                <i-col span="1" style="padding-top: 2px">
                    <h4>模糊搜索</h4>
                </i-col>
                <i-col span="3">
                    <i-input class="input-ui" v-model="q.vague_search" @on-enter="query" placeholder="模糊搜索"></i-input>
                </i-col>
                <i-button @click="query">查询</i-button>
                <i-button @click="reloadSearch">重置</i-button>
            </div>
        </Row>
        <Row :gutter="16" style="margin: 3px 0px 0px 0px;">
            <div class="buttons-group">
                <i-button type="info" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</i-button>
                <i-button type="warning" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</i-button>
                <i-button type="error" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</i-button>
            </div>
        </Row>
        <div style="height: 85vh;width:15%;overflow:auto;float:left;">
            <!--<p class="text-center" style="font-size: 15px;">催办工单</p>-->
            <div id="storeLayer">
                <!--<ul id="storeTree" class="ztree"></ul>-->
                <Tree @on-select-change="treeClean" :data="data1"></Tree>
            </div>
        </div>
        <table id="jqGrid"></table>
    </div>
    <div  id="treeDatas" v-show="!showTree">
        <!--<ul id="storeTree" class="ztree"></ul>-->
        <Tree @on-select-change="treeCleans" :data="data1"></Tree>
    </div>

    <Card v-show="!showList">
        <p slot="title">{{title}}</p>
        <i-form ref="formValidate" :model="toolsRecord" :rules="ruleValidate" :label-width="80">
            <!--<Form-item label="校对记录" prop="proofreading">-->
                <!--<i-input v-model="toolsRecord.proofreading" placeholder="校对记录"></i-input>-->
            <!--</Form-item>-->
            <Form-item label="序号" prop="serialnumber">
                <i-input v-model="toolsRecord.serialnumber" placeholder="序号"></i-input>
            </Form-item>
            <Form-item label="名称" prop="name">
                <i-input v-model="toolsRecord.name" placeholder="名称"></i-input>
            </Form-item>
            <Form-item label="图号" prop="mapNo">
                <i-input v-model="toolsRecord.mapNo" placeholder="图号"></i-input>
            </Form-item>
            <Form-item label="型号规格" prop="spec">
                <i-input v-model="toolsRecord.spec" placeholder="型号规格"></i-input>
            </Form-item>
            <Form-item label="适应机型" prop="adapDev">
                <i-input v-model="toolsRecord.adapDev" placeholder="适应机型"></i-input>
            </Form-item>
            <Form-item label="一次使用量" prop="onceUse">
                <i-input v-model="toolsRecord.onceUse" placeholder="一次使用量"></i-input>
            </Form-item>
            <Form-item label="工装类别" prop="frocktype">
                <!--<i-input v-model="toolsRecord.frocktype" placeholder="工装类别"></i-input>-->
                <i-select v-model="toolsRecord.frocktype" style="width:100%" placeholder="工装类别">
                    <i-option v-for="item in frocktypeList" :value="item.value" :key="item.value">{{ item.name }}</i-option>
                </i-select>
            </Form-item>
            <Form-item label="生产线代码" prop="prodCode">
                <i-input v-model="toolsRecord.prodCode" placeholder="生产线代码"></i-input>
            </Form-item>
            <Form-item label="生产线名称" prop="prodName">
                <i-input v-model="toolsRecord.prodName" placeholder="生产线名称"></i-input>
            </Form-item>
            <Form-item label="使用工序" prop="proCode">
                <i-input v-model="toolsRecord.proCode" placeholder="使用工序"></i-input>
            </Form-item>
            <Form-item label="工序使用名称" prop="proName">
                <i-input v-model="toolsRecord.proName" placeholder="工序使用名称"></i-input>
            </Form-item>
            <Form-item label="管控方式" prop="managerTypeName">
                <i-input icon="ios-browsers" v-model="toolsRecord.managerTypeName" readonly="readonly"  @on-click="managerClick" placeholder="请点击后面小图标来选择管控方式"></i-input>
                <!--<Select v-model="toolsRecord.managerType" style="width:200px" placeholder="管控方式">-->
                    <!--<OptionGroup label="Hot Cities">-->
                        <!--<Option v-for="item in cityList1" :value="item.value" :key="item.value">{{ item.label }}</Option>-->
                    <!--</OptionGroup>-->
                    <!--<OptionGroup label="Other Cities">-->
                        <!--<Option v-for="item in cityList2" :value="item.value" :key="item.value">{{ item.label }}</Option>-->
                    <!--</OptionGroup>-->
                <!--</Select>-->
            </Form-item>
            <Form-item label="备注" prop="remark">
                <i-input v-model="toolsRecord.remark" placeholder="备注"></i-input>
            </Form-item>
            <Form-item>
                <i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>
                <i-button type="warning" @click="reload" style="margin-left: 8px">
                返回</i-button>
                <i-button type="info" @click="handleReset('formValidate')" style="margin-left: 8px">重置</i-button>
            </Form-item>
        </i-form>
    </Card>
</div>

<script src="${rc.contextPath}/js/sys/toolsrecord.js?_${date.systemTime}"></script>
</body>
</html>
